@import "styles/settings/__settings";

.categories {
  font-size: 1.2em;
  list-style: none;
  padding-left: 0;
  margin: -1rem 0;

  & > li {
    margin: 1.5em 0;

    &:first-child {
      margin-top: 0;
    }

    &:last-child {
      margin-bottom: 0;
    }
  }

  a {
    color: inherit;
    text-decoration: none;

    @media (hover: hover) {
      &:hover {
        color: $color-primary;
        text-decoration: underline;
      }
    }
  }
}
